<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>个人资料</title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
    <script type="text/javascript" src="../js/public.js" ></script>
    <script type="text/javascript" src="../js/app/me-inf-revise.js" ></script>
    <style type="text/css">
     	.mui-input-row label~input{ width: 75%; font-size:17px; padding: 0 15px 0 0; height: auto; line-height: 2.9;text-align: right;float: left;transition:width 1s,color 1s;-o-transition:width 1s,color 1s;-moz-transition:width 1s,color 1s;-webikt-transition:width 1s,color 1s;}
    	.mui-input-row label~textarea{ width: 75%; font-size:17px;height: 49px;line-height:29px;text-align: right;float: left;transition:width 1s,color 1s;-o-transition:width 1s,color 1s;-moz-transition:width 1s,color 1s;-webikt-transition:width 1s,color 1s;}   	
    </style>
</head> 
<body>
	<header id="header" class="mui-bar mui-bar-nav">
		<span class="mui-action-back mui-icon mui-icon-left-nav" ></span>
		<h1 class="mui-title color-white font-18">个人资料</h1>
		<span class="mui-pull-right bj line-h-44">编辑</span>
	</header> 
	<div id="content" class="mui-content"></div>
	<div class="table-view-cell background centre-inf-head background-w position-re">
		<img src="../images/zhongyi.png" class="pic"/>
		<!--<div class="table-view-cell background-w margin-top-5 me-wj">
		<span class="color-c ">星&emsp;级&nbsp;</span>
		<span class="pj-wjx color-c">
			<span class="iconfont icon-xingxing color-zx-2"></span>
			<span class="iconfont icon-xingxing color-zx-2 color-c"></span>
			<span class="iconfont icon-xingxing color-zx-2 color-c"></span>
			<span class="iconfont icon-xingxing color-zx-2 color-c"></span>
			<span class="iconfont icon-xingxing color-zx-2 color-c"></span>
		</span>
		</div>-->
	</div>
	
	<ul class="mui-input-group mui-table-view">
    	<li class="mui-input-row">
    		<label>呢称：</label>
    		<input type="text" class="mui-input-clear"value=""  placeholder="请输入呢称"/>
    	</li>
    	<li class="mui-input-row">
    		<label>年龄：</label>
    		<input type="number" class="mui-input-clear"value=""  placeholder="请输入年龄"/>
    	</li>
    	<li class="mui-input-row">
    		<label>性别：</label>
    		<input type="text" class="mui-input-clear"value=""  placeholder="请输入性别"/>
    	</li>
    	<li class="mui-input-row">
    		<label>单位：</label>
    		<input type="text" class="mui-input-clear"value=""  placeholder="请输入单位"/>
    	</li>
    	<li class="mui-input-row">
    		<label>学历：</label>
    		<input type="text"  class="mui-input-clear"value=""  placeholder="请输入学历"/>
    	</li>
    	<li class="mui-input-row">
    		<label>地址：</label>
    		<input type="text"  class="mui-input-clear"value=""  placeholder="请输入地址"/>
    		<!--<textarea name="" rows="" cols="1"placeholder="请输入地址">深圳市宝安区沙井中心</textarea>-->
    	</li>
    	<li class="mui-input-row">
    		<label>专业：</label>
    		<input type="text"  class="mui-input-clear"value=""  placeholder="请输入专业"/>
    	</li>
    </ul>
    <div class="mui-table-view mui-table-view-cell margin-top-5 "onclick="openNewpage('login-revise.html')">
		<span class="mui-navigate-right">修改密码</span>
	</div>
</body>
	<script src="../js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/immersed.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="UTF-8">
      	mui.init();
   </script> 
   <script type="text/javascript">
	$(document).ready(function(){
		bj();
		function bj(){
			$('.mui-input-row').each(function(){
				$(this).find("input,textarea").prop("disabled",true).css({"color":"#ccc"});
				$(".mui-input-row label~input,.mui-input-row label~textarea").css({"width":"75%"});
			})
		} 
		
		$(".bj").on('tap',function(){
			if($(this).text()=="编辑"){
				$('.mui-input-row').each(function(){
					$(this).find("input,textarea").prop("disabled",false).css({"color":"#000"});
				});
				$(".mui-input-row label~input,.mui-input-row label~textarea").css({"width":"70%"});
				$(this).text('完成');
			}else{
				bj();
				$(this).text('编辑');
				saveInfo();
			}
		})
	})
	
	
</script>
</html>